﻿html, body {
    font-family: segoe ui;
    padding: 0;
    margin: 0;
    border: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 20px;
}

.header {
    width: 100%;
}

    .header .logo {
        font-size: 60px;
        padding-left: 20px;
        padding-bottom: 10px;
    }

    .header .header-content {
        background-color: rgb(60, 60, 60);
        height: 40px;
        color: white;
    }

.content {
}

    .content .left-col {
        display: inline-block;
        padding-right: 1%;
        border-right: 1px solid rgb(230, 230, 230);
        width: 16%;
        -moz-min-width: 16%;
        -ms-min-width: 16%;
        -o-min-width: 16%;
        -webkit-min-width: 16%;
        min-width: 16%;
    }

        .content .left-col a {
            text-decoration: none;
            color: rgb(8, 146, 208);
        }

        .content .left-col .section-title {
            padding-left: 20px;
            font-size: 30px;
        }

            .content .left-col .section-title:first-of-type {
                padding-top: 22px;
            }

        .content .left-col ul {
            padding-left: 30px;
        }


            .content .left-col ul li {
                padding-left: 10px;
                margin-bottom: 10px;
                list-style: none;
            }

.right-col {
    display: inline-block;
    vertical-align: top;
    padding-left: 1%;
    width: 80%;
}

    .right-col p {
        color: rgb(60, 60, 60);
    }

.blue {
    color: rgb(17, 102, 231);
}

.red {
    color: rgb(215, 71, 50);
}

.yellow {
    color: rgb(255, 185, 14);
}

.green {
    color: rgb(0, 153, 87);
}
